<!DOCTYPE html>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/carousel.css">
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/epicrisis.css" />
<script src="js/jquery-1.6.4.min.js"></script>
<script src="js/carousel.js"></script></head>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">

    //var url_accesso = "http://localhost:8081";
    var url_accesso = "http://www.epicrisisweb.com";
    
    document.addEventListener("deviceready", onDeviceReady, false);
    
    function onDeviceReady() {
        if (parseFloat(window.device.version) === 7.0) {
            $(".topBar").css("padding-top", "15px");
        }
    }

    

</script>
<head>
    <title>Más sobre Epicrisis</title>
</head>
<body>
<div data-role="page" id="carouselPage" class="carousel-view">

    <div data-role="header" data-theme="b"  data-position="fixed" data-tap-toggle="false" data-transition="none" style="border: 1px solid #0099cc;background: #33b5e5;" class = "topBar">
        <a href="index.html" rel="external" data-mini="true" data-shadow="false" data-iconshadow="false"  data-theme="b" title="Actualizar" class="ui-btn-left ui-btn ui-mini topBar" style="border: none; background: none;"><img class="cargando" src="img/home.png"/></a>        
        <h1>Epicrisis</h1> 
    </div>
    
    <div data-role="content" style="padding:0px">
        <div class="carousel-view" id="carouselView">
            <div class="carousel-content">
                <p>“Gracias por descargar Epicrisis, la Historia Clínica Electrónica y Agenda de Turnos vía Web.”</p>
                <p><img src="img/swipe.png"></p>
                <p style="font-size: 85%;">Descubrí lo que<br/>podés hacer!</p>
            </div>
            <div class="carousel-content">
                <p>“Tendrás toda la<br/>información de contacto<br/>de tus Pacientes” </p>
                <p><img src="img/screen-pacientes.png" style="width: 160px;"></p>
            </div>
            <div class="carousel-content">
                <p>“Podrás acceder a las Historias Clínicas de tus Pacientes”</p>
                <p><img src="img/screen-hce.png" style="width: 160px;"></p>
            </div>
            <div class="carousel-content">
                <p>“Sabrás cómo está organizada tu agenda para los próximos días”</p>
                <p><img src="img/screen-turnos.png" style="width: 160px;"></p>                
            </div>
            <div class="carousel-content">
                <p>“Toda la Información de Gestión de tu Práctica representada en gráficos”</p>
                <p><img src="img/screen-estadisticas.png" style="width: 160px;"></p>                
            </div>
            <div class="carousel-content">
                <p style="font-size: 85%;padding: 0px 8px;">“Para poder utilizar esta aplicación y experimentar una nueva forma de asistir a tus pacientes es necesario que tengas una cuenta de Epicrisis.”</p>
                <div id="canvas" style="margin: -10px 9px;">
                    <span style="font-size: 85%;">Recibí las instrucciones</span>
                    <input type="email" id="txtEmail" autocorrect="off" autocapitalize="off" placeholder="Ingresa un email" >
                    <span id="btn_enviar_email" ><input type="button" value="Enviar" data-inline="true" data-mini="true" data-theme="b" onclick="btnEnviarEmail();"></span>
                    <span id="btn_procesando" style="display:none;"><input type="button" value="Procesando..." data-inline="true" data-mini="true"  disabled></span>
                </div>

                <div class="ui-bar ui-bar-e" id="msg_respuesta"  style="display:none;"></div>                
                
            </div>
        </div>
    
    </div>


    <div data-role="footer" style="border: none;">
        <div data-role="navbar" data-position="fixed" data-tap-toggle="false"  >


            <div class="carousal-dot-view" align="center" id="carouselDotView">
                <span class="carousal-dot current"></span>
                <span class="carousal-dot"></span>
                <span class="carousal-dot"></span>
                <span class="carousal-dot"></span>
                <span class="carousal-dot"></span>
                <span class="carousal-dot"></span>
            </div>

        </div><!-- /navbar -->  
    </div><!-- /footer -->


</div>

</body>



</html>
